<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>黄凤珍个人简历</title>
    <link rel="shortcut icon" href="img/favicon.ico">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,shrink-to-fit=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/style.css"/>
	<script>
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "https://hm.baidu.com/hm.js?c4887c630239d0961fa9506507b05d66";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
	</script>
</head>
<body>
<div class="container">
    <div class="leftBox">
        <div class="head">
            <img src="img/tou.png" alt=""/>
            <h1>个人简历</h1>
        </div>
        <div class="basicInfo">
            <h2 class="leftTitle">基本信息</h2>
            <ul>
                <li><span>名字：</span>黄凤珍</li>
                <li><span>性别：</span>女</li>
                <li><span>毕业院校：</span>广西南宁师范学院</li>
                <li><span>毕业时间：</span>2013年7月</li>
                <li><span>博客：</span><a href="https://mp.csdn.net/" target="_blank">https://mp.csdn.net/</a></li>
                <li><span>GitHub：</span><a href="https://github.com/huangfengzhen" target="_blank">https://github.com/huangfengzhen</a></li>
            </ul>
        </div>
        <div class="contact">
            <h2 class="leftTitle">联系方式</h2>
            <ul>
                <li><span><i class="fa fa-fw fa-phone"></i>电话：</span>18207672397</li>
                <li><span><i class="fa  fa-fw fa-envelope-o"></i>邮箱：</span>ferje031@126.com</li>
                <li><span><i class="fa fa-fw fa-wechat"></i>微信：</span>HFZ853007191</li>
                <li><span><i class="fa fa-fw fa-qq"></i>QQ：</span>853007191</li>
            </ul>
        </div>
        <div class="application">
            <h2 class="leftTitle">应聘岗位</h2>
            <p>前端研发工程师</p>
        </div>
        <div class="aboutme">
            我是一个对前端由衷热爱、有趣的前端工程师。
            我目前正在寻找前端工程师岗位的工作机会，希望在前端开发领域，让我所掌握的技能落实到实处，献上一点绵薄之力！
        </div>
    </div>
    <!--  项目与工作 -->
    <div class="rightBox">

            <h3 class="rightTitle"><i class="fa fa-fw fa-rocket"></i>项目与工作经验</h3>

            <h4>鸿德集团商城（2017.1——至今）<a href="http://www.99.sg/cn_v2/index.php/" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>商城项目<a href="http://flow.xingyuanauto.com/webMove-h5/" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>
                        负责商业营销类和功能类的H5前端主要研发工作，项目采用长图 <a href="https://h5.xingyuanauto.com/201711-New/roewe/?from=timeline&isappinstalled=0" target="_blank">（荣威汽车）</a>、分层视觉 <a href="https://h5.xingyuanauto.com/201712/audi100/?hmsr=audi100" target="_blank">(奥迪100周年)</a>、答题
                        <a href="https://h5.xingyuanauto.com/201709/dongnan_answer/" target="_blank">（东南汽车）</a>、拼图 <a href="https://h5.xingyuanauto.com/Dongbiao/DbYongle/?hmsr=dbyongle" target="_blank">（东标1）</a>、canvas动画 <a href="https://h5.xingyuanauto.com/Dongbiao/DbHottes/index.php?hmsr=dbhhuolajs" target="_blank">(东标2)</a>、图片合成 <a
                            href="https://h5.xingyuanauto.com/201706/father618/index.html?from=timeline&isappinstalled=0" target="_blank">（父亲节）</a>、360陀螺仪全景<a href="https://h5.xingyuanauto.com/201802/DealerYear/?hmsr=DealerYear" target="_blank">（拜年H5）</a>等多种的形式
                    </p>
                    <p>
                        使用 skrollr 、swiper、three.js、create.js等插件和AnimateCC 动画软件来实现前端动画效果，使用less编译css, 解决浏览器兼容性问题
                    </p>
                    <p>
                        使用ajax异步请求数据，完成支付定位、微信平台开发等功能以及前后端数据交互
                    </p>
                   <p>
                       使用vue.js和webpack开发单页面功能性项目
                   </p>
                    <p>
                        持续优化相关产品的质量、性能、用户体验,构建H5高级动效和功能小插件
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>内部项目</h5>
                    <p>
                        大型电商平台系统——<a href="http://www.chitunion.com/" target="_blank">赤兔联盟</a>的前端开发，该项目后端由.net 和java 实现，主要负责部分页面的ajax数据开发和功能实现，以及网站公共功能和模块的开发
                    </p>
                    <p>
                        使用layui实现样式，ejs以及jquery实现前端数据的绑定，以及其他jquery插件完成相关组件的开发
                    </p>
                </li>
            </ul>
            <h4><img src="img/zhongshang.png" alt=""/>中商情大数据股份有限公司（2014.12——2016.12）<a href="http://www.askci.com/#" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>中商情报网<a href="http://www.askci.com/" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>
                        该项目是中商的新闻门户网站，大量的产业以及新闻数据展示。负责前端开发工作，包括页面布局，数据库渲染，分为 <a href="http://www.askci.com/" target="_blank">PC版</a>和 <a href="http://m.askci.com/" target="_blank">H5移动版</a>
                    </p>
                    <p>
                        使用jquery、swiper等插件，实现页面布局和交互效果，优化网站的性能和用户体验
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>八方查数据网站<a href="http://8.askci.com/" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>
                       该项目主要是中商企业注册等工商信息查询产品，负责canvas动画，响应式样式HTML5/CSS，实现AJAX请求，数据动态加载等前端开发工作，以及多条件嵌套查询等功能
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>千数堂<a href="http://d.askci.com/" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>该项目为商情数据的数据电商模块业务，商品为产品为各行业的产业数据，包括登录注册、首页、详情、购买、用户中心等页面模块，完整的电商平台</p>
                    <p>
                        负责canvas动画，响应式样式HTML5/CSS，实现多功能的交互和逻辑处理，相关组件的开发和封装
                    </p>
                    <p>
                        使用 jquery easyui 实现组件样式，使用ajax实现动态数据交互
                    </p>
                    <p>
                        <img src="img/qianshutang.png" alt=""/>
                    </p>
                </li>
            </ul>
            <h4>个人项目</h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>美食美荟小程序 <a href="https://github.com/Aimee1608/foodEveryDay" target="_blank"><i class="fa fa-fw fa-github"></i></a> <a href="http://www.mangoya.cn/src/img/aimee/meishi.jpg" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>
                        微信小程序出来后，由于本人有做饭的兴趣爱好，就开发了一个菜谱小程序
                    </p>
                    <p>
                        针对于普通用户可以发布、点赞、收藏作品，还可以根据分类以及关键字搜索作品，对于管理员除了以上功能外，另外添加了审核用户发布的作品功能，可通过或者驳回，详细体验扫描下方二维码;后端使用PHP开发
                    </p>
                    <p>
                        <img src="img/xiaochengxu.jpg" alt="" class="smallImg"/>
                        <img src="img/foodwx.png" alt="" class="bigImg"/>
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>美食美荟网站  <a href="https://github.com/Aimee1608/foodWeb" target="_blank"><i class="fa fa-fw fa-github"></i></a> <a href="http://food.mangoya.cn" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>
                        根据美食美荟小程序，使用vue.js改版了一个网页版的美食美荟网站，兼容pc和移动端，但只有数据展示，没有用户登录模块了，后端接口同美食美荟相同
                    </p>
                    <p>
                        使用 vue.js 框架和Element UI来实现前端组件及数据交互，使用node.js的 webpack 构建开发打包
                    </p>
                    <p>
                        <img src="img/foodweb.png" alt=""/>

                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>个人博客 <a href="https://github.com/Aimee1608/myblogvue" target="_blank"><i class="fa fa-fw fa-github"></i></a> <a href="http://www.mangoya.cn" target="_blank"><i class="fa fa-fw fa-external-link"></i></a></h5>
                    <p>用于技术分享和总结的个人博客，兼容pc和移动端，用户可通过邮箱注册，邮箱验证通过后，可以登录博客，实现收藏点赞以及留言评论回复等功能，还可以展示个人链接，未登录状态可以以游客方式留言，后端使用PHP开发
                    <p>
                      使用 vue.js 框架和Element UI来实现前端组件及数据交互，使用 webpack 构建，另外使用shCore.js实现代码样式
                    </p>
                    <p>
                        挂在阿里云服务器上，通过远程桌面来维护修改
                    </p>
                    <p>
                        <img src="img/blog.png" alt=""/>
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>Aimee resume <a href="https://github.com/Aimee1608/aimeeResume" target="_blank"><i class="fa fa-fw fa-github"></i></a></h5>
                    <p>这个简历的源码,设计优雅、内容完善的静态简历页面,可下载world文档</p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>其他</h5>
                    <p>日常中研究封装的一些小插件，360度查看产品展示，jquery版手风琴，jqueryEmoji表情包，加载遮罩模板封装，折叠留言楼层-递归等，可查看 <a href="https://github.com/Aimee1608" target="_blank"><i class="fa fa-fw fa-github"></i></a>上的源代码</p>
                </li>
            </ul>

            <h3 class="rightTitle"><i class="fa fa-fw fa-rocket"></i>掌握技能</h3>
            <h4>前端</h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>HTML/CSS</h5>
                    <p>
                        能够编写语义化的 HTML，模块化的 CSS，完成较复杂的布局,熟练使用css3属性完成炫酷的H5动画效果
                    </p>
                    <p>
                        熟悉Less等CSS预处理和模块化工具
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>JavaScript</h5>
                    <p>
                        熟悉原生 Javascript，能脱离 jQuery 等类库编码
                    </p>
                    <p>
                        能够封装构造函数类插件及组件
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>框架类</h5>
                    <p>
                        能够熟悉使用vue.js框架并结合ElementUI进行模块化页面开发
                    </p>
                    <P>
                        熟练使用css3属性结合swiper.js skrollr.js完成炫酷的H5动画效果
                    </P>
                    <p>
                        熟练使用jquery插件，以及基于jquery开发的插件
                    </p>
                </li>
            </ul>
            <h4>后端</h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>Node.js</h5>
                    <p>
                        了解node.js ,熟悉安装node模块，基于node.js 开发vue模块化的个人博客以及美食网站，并用webpack打包构建优化
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>PHP</h5>
                    <p>
                        了解PHP的语法，能看懂Thinkphp模块以及简单的写法，结合Navicat进行简单的数据录入以及增删改查
                    </p>
                </li>
            </ul>
            <h4>其他</h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>小程序</h5>
                    <p>
                        能够熟悉工具类数据展示类样式类的小程序的开发，熟悉使用小程序开发调试工具，熟悉小程序开发流程及相关规则
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>AnimateCC</h5>
                    <p>
                        熟悉使用AnimateCC结合create.js开发炫酷交互类H5，并兼容移动端各种设备
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>软件类</h5>
                    <p>
                        了解PS软件的使用，能够对设计进行简单的修改；
                    </p>
                    <p>
                        熟悉使用GoldWave剪辑音频
                    </p>
                    <p>
                        熟练使用phpStudy部署本地服务器
                    </p>
                    <p>
                        熟练使用Animate CC实现H5交互效果
                    </p>
                </li>
            </ul>
    </div>

</div>

<div class="footer">
    Made with <i class="fa fa-fw fa-heart"></i> by <a href="http://mangoya.cn" target="_blank">Aimee</a>. <a
        href="source/aimeeResume.docx" target="_blank">world 下载</a>.最后更新于2018年2月12日
</div>
<div class="review">
    <img src="" alt=""/>
</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function(){
    $('.itemList li img').on('click',function(){
        var url = $(this).attr('src');
        $('.review img').attr('src',url);
        $('.review').fadeIn(500);
    });
    $('.review').click(function(){
        $('.review').fadeOut(500);
    })
})
</script>
</html>